<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>个人主页</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

</head>
<body style=" background-color: rgba(0, 0, 0, 0.97);">
<ul class="nav justify-content-center" style="background-color: black;padding: 20px 0 20px 0">
    <li class="nav-item">
        <h2 class="nav-link active" style="color: #06a345;">个人总结</h2>
    </li>
</ul>
<div class="header">
        <ul class="nav justify-content-center" style="font-size: 20px;color: #06a345;background-color: rgba(42, 42, 42, 0.98);">
            <li class="nav-item">
                <a class="nav-link active" href="index.html">主页</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="index1.html">个人资料</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="">技能掌握</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="index3.html">个人总结</a>
            </li>
        </ul>
        <div style="margin-left: 50px;color: #06a345;margin-top: 80px;">
            <h2 style="color:  rgb(6, 88, 165);">技能掌握：</h2>
            <p>Html5Css3:   80%</p>
            <p>JQ:  50%</p>
            <p>JS:  50%</p>
            <p>JAVASPART:  50%</p>
        </div>
        <div style="margin-left: 50px;color: #06a345;margin-top: 80px;">
            <h2 style="color:  rgb(6, 88, 165);">做过项目:</h2>
            <img src="images/1.png" alt="中国教育网项目/" style="width: 360px;height: 450px;">
            <img src="images/2.jpg" alt="支付宝项目/" style="width: 360px;height: 450px;">
            <img src="images/3.png" alt="Air航空项目" style="width: 360px;height: 450px;">
            <img src="images/4.png" alt="云巴项目" style="width: 360px;height: 450px;">
            <img src="images/5.jpg" alt="漫威项目" style="width: 360px;height: 450px;">
            <img src="images/6.png" alt="腾讯新闻网项目" style="width: 360px;height: 450px;">
        </div>
</div>


<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>
